<template>
  <!-- <dv-full-screen-container> -->
  <div class="mapTest1">
    <div class="mapTest1_title">
      <topHeader />
    </div>
    <div class="mapTest1_content">
      <div class="mapTest1_content_left">
        <leftContainer />
      </div>
      <div class="mapTest1_content_right">
        <rightContainer />
      </div>
    </div>
  </div>
  <!-- </dv-full-screen-container> -->
</template>

<script>
import topHeader from './components/topHeader';
import leftContainer from './components/leftContainer';
import rightContainer from './components/rightContainer';
export default {
  components: {
    topHeader,
    leftContainer,
    rightContainer
  }
};
</script>

<style lang="scss" scoped>
  .mapTest1{
    width: 100%;
    // height: calc(100vh);
    height: 100%;

    // background: url('../../assets/images/mapTest1/bg.png');
  background-image: url("~@/assets/images/fullscreen/kqbg.png");

    background-size:100% 100%;
    padding: 10px 20px;
    overflow-y: auto;
  }
  .mapTest1_content{
    display: flex;
    margin-top: 15px;
    .mapTest1_content_left{
      width: 20%;
    }
    .mapTest1_content_right{
      width: 80%;
      margin-left: 15px
    }
  }
.mapTest1_content{
height: calc(100% - 63px);
}
</style>
